<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="/jsp/taglib.jsp"%>
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>久零体验店——登录</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="${ctxStatic}/plugins/h+/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/animate.min.css" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/style.min.css?v=4.0.0" rel="stylesheet"><base target="_blank">
    <!--[if lt IE 8]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <script>if(window.top !== window.self){ window.top.location = window.location;}</script>
    <style>
        .login_jlname{
            font-size:40px;
            color:#fe6b04;
            margin:40px auto;
        }
        .positionralative{
            position:relative;
        }
        .backPsw{
            position: absolute;
            left: 310px;
            top: 9px;
            display: inline-table;
            cursor:pointer;
            color:#fe6b04;
        }
        .login_checkpsw{
            margin:15px auto;
        }
        .login_checkpsw label{
            cursor:pointer;
        }
        .btn-orange{
            background-color: #fe6b04;
            border-color: #fe6b04;
            color: #FFF;
        }
        .btn-orange:hover{
            color:#fff;
        }
    </style>
</head>

<body class="gray-bg">

<div class="middle-box text-center loginscreen  animated fadeInDown">
    <div>
        <div>
            <div class="login_jlname">久零体验店</div>
        </div>
        <h3></h3>
        <form class="m-t" target='_self' role="form" action="${pageContext.request.contextPath}/QT/loginQT/toQTHome.ac" method="post">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="用户名" required="" name="user.username">
            </div>
            <div class="form-group positionralative">
                <input type="password" class="form-control" placeholder="密码" required="" name="user.password">
                <span class="backPsw" onclick="popfindpsw();">找回密码</span>
            </div>
            <div class="row login_checkpsw">
                <div class="col-sm-6 text-left">
                    <label>
                        <input type="checkbox" class="i-checks">记住密码</label>
                </div>
                <div class="col-sm-6 text-right">
                    <label>
                        <input type="checkbox" class="i-checks">自动登录</label>
                </div>
            </div>
            <button type="submit" class="btn btn-orange block full-width m-b">登 录</button>
        </form>
    </div>
</div>



<div class="modal inmodal fade" id="modalfindpsw" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">找回密码</h4>
            </div>
            <div class="modal-body">
                如果你是收银员，请联系管理员重置密码；<br/>
                如果你是管理员，请联系官方客服重置密码；<br/>
                客服电话：400-867-9900
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>


<script src="${ctxStatic}/plugins/h+/js/jquery.min.js?v=2.1.4"></script>
<script src="${ctxStatic}/plugins/h+/js/bootstrap.min.js?v=3.3.5"></script>
<script src="${ctxStatic}/plugins/h+/js/content.min.js?v=1.0.0"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/iCheck/icheck.min.js"></script>
<script>

    $(function () {
        var msg='${msg}';
        if(!isNullOrEmpty(msg)){
            alert(msg);
        }
    });

    //true:是空 false:不为空
    function isNullOrEmpty(strVal) {
        if (strVal == null || strVal == undefined || strVal == '' || strVal == 'undefined' || strVal == 'null' || strVal == 'NULL') {
            return true;
        } else {
            return false;
        }
    }
    function popfindpsw(){
        $("#modalfindpsw").modal('show');
    }

</script>

</body>

</html>